<template>
<van-cell @click="$router.push(`/detail/${item.art_id}`)">
  <template #title>
    <div
       class="article-item">
          <h4>{{ item.title }}</h4>
          <div class="head" >
            <img :src="i" alt="" v-for="(i,index) in item.cover.images" :key="index"/>
          </div>
          <div class="foot"> {{ item.aut_name }} |  {{ item.comm_count }} 评论   {{ item.comm_count }}年内</div>
    </div>
  </template>
</van-cell>
</template>

<script>
export default {
  name: 'ArticleContent',
  props: {
    item: {
      type: Object,
      required: true
    }
  }
}
</script>

<style lang="less" scoped>
.article-item {
  padding: 0 0 10px ;
  border-bottom: 1px solid #666;
}
.head {
  img {
  width: 33%;
  height: 100px;
}
}
</style>
